<%-- 
    Document   : MsPg_Header_Staff
    Created on : Apr 5, 2015, 12:50:00 AM
    Author     : PHATNBSE61057
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<c:set var="user" value="${sessionScope.USER}"/>

<td id="headerContainer">
    <div class="c1">
        <div class="c2">
            <div class="top"></div>
        </div>
    </div>
    <div class="content">
        <div id="logoSection">
            <div class="block">
                <div class="corner1">
                    <div class="corner2">
                        <div class="lineTop"><h3 class="skip">Logo</h3></div>
                    </div>
                </div>
                <div class="cont">
                    <p>
                    </p>
                    <p class="logo">
                        <a href="Mainpage_Staff.jsp">LORD OF THE SHELL</a></p>
                    <p class="tag-dark">
                        the official online book shop</p>
                    <p class="tag-light">
                        EXCLUSIVE PRODUCTS - FREE DELIVERY - PRINT ON DEMAND BOOKS</p>

                </div>
                <div class="corner4">
                    <div class="corner3">
                        <div class="lineBtm"></div>
                    </div>
                </div>
            </div>
            <div class="nofloat"></div>
        </div>

        <div class="iconMenu">
            <div class="block">
                <div class="corner1">
                    <div class="corner2">
                        <div class="lineTop"></div>
                    </div>
                </div>
                <div class="cont">
                    <ul>
                        <li class="basket">
                            <c:if test="${user.roleID != 1}">
                                <a href="C_viewCartPage.jsp">
                                    <span>View Cart</span>
                                </a>
                            </c:if>
                            <c:if test="${user.roleID == 1}">
                                <a href="S_addNewBook.jsp">
                                    <span>Add Book</span>
                                </a>
                            </c:if>
                        </li>
                    </ul>
                </div>
                <div class="corner4">
                    <div class="corner3">
                        <div class="lineBtm"></div>
                    </div>
                </div>
            </div>
            <div class="nofloat"></div>
        </div>

        <div class="quickCartSection empty">
            <div class="block floatLeft">
                <div class="corner1"><div class="corner2"><div class="lineTop"><h3 class="skip">Quick Cart</h3></div></div></div>
                <div class="cont">
                    <ul>
                        <li class="basket">
                            <a href="ProcessServlet?btAction=ViewAllOrder&txtUsername=${user.username}">
                                <span>View all order</span>
                            </a>
                        </li>
                    </ul>
                    <div class="nofloat"></div>
                    <div class="nofloat"></div>
                </div>
                <div class="corner4"><div class="corner3"><div class="lineBtm"></div></div></div>
            </div>
            <div class="nofloat"></div>
        </div>

        <div class="accountMenu">
            <div class="block floatLeft">
                <div class="corner1">
                    <div class="corner2">
                        <div class="lineTop"><h3>My account</h3></div> 
                    </div>
                </div>
                <div class="cont">
                    <ul>

                        <c:if test="${not empty user}">
                            <li class="myAccount">
                                <a href="G_viewInfoPage.jsp" title="My Account">Hello, ${user.fullname}</a>
                            </li>
                            <li class="myAccount">
                                <a href="ProcessServlet?btAction=Logout" title="Logout">Logout</a>
                            </li>
                        </c:if>

                        <c:if test="${empty user}">
                            <li class="myAccount">
                                <a href="G_loginPage.jsp" title="Login">Login</a>
                            </li>
                            <li class="myAccount">
                                <a href="G_registerPage.jsp">Register</a>
                            </li>
                        </c:if>

                    </ul>
                </div>

                <div class="corner4">
                    <div class="corner3">
                        <div class="lineBtm"></div>
                    </div>
                </div>
            </div>
            <div class="nofloat"></div>
        </div>

        <div class="searchSection">
            <div class="block">
                <div class="corner1"><div class="corner2"><div class="lineTop"><h3 class="skip">Quick Search</h3></div></div></div>
                <div class="cont">
                    <form action="ProcessServlet" method="POST">
                        <input class="textInput" type="text" name="txtSearch" value="" placeholder="ISBN or Title" />
                        <input class="goBtn" type="submit" value="Search" name="btAction"/>
                        <div class="nofloat"></div>
                    </form>
                </div>
                <div class="corner4"><div class="corner3"><div class="lineBtm"></div></div></div>
            </div>
            <div class="nofloat"></div>
        </div>

        <div id="topBanners" >
        </div>

        <div class="nofloat"></div>
        <div class="wrapperMenu">
            <div class="mainMenu">
                <div class="block">
                    <div class="corner1">
                        <div class="corner2">
                            <div class="lineTop">
                                <h3 class="skip">
                                    Main Menu            </h3>
                            </div>
                        </div>
                    </div>
                    <div class="cont">
                        <ul>


                            <li class="home" id="homePage">       
                                <a href="Mainpage_Staff.jsp"><span class="l">&nbsp;</span><span class="name">Home</span></a> 
                            </li>


                            <li class="category" id="categoryItem_3">       
                                <a href="ProcessServlet?btAction=StaffGetCategory&categoryID=C0002"><span class="l">&nbsp;</span><span class="name">Exclusive &amp; Deluxe</span></a> 
                            </li>  
                            <li class="category" id="categoryItem_4">       
                                <a href="ProcessServlet?btAction=StaffGetCategory&categoryID=C0003"><span class="l">&nbsp;</span><span class="name">The Hobbit</span></a> 
                            </li>  
                            <li class="category" id="categoryItem_5">       
                                <a href="ProcessServlet?btAction=StaffGetCategory&categoryID=C0004"><span class="l">&nbsp;</span><span class="name">The Lord of the Rings</span></a> 
                            </li>  
                            <li class="category" id="categoryItem_6">       
                                <a href="ProcessServlet?btAction=StaffGetCategory&categoryID=C0005"><span class="l">&nbsp;</span><span class="name">Middle-earth &amp; Beyond</span></a> 
                            </li>  
                        </ul>
                    </div>
                    <div class="corner4">
                        <div class="corner3">
                            <div class="lineBtm"></div>
                        </div>
                    </div>
                </div>
                <div class="nofloat"></div>
            </div>
        </div>

        <noscript>
        <div class="noScriptContent">
            <p class="top">JavaScript is required to use Tolkien.</p>
            <p>Please enable JavaScript to continue.</p>
            <p class="sub">For more information please visit <a href="http://enable-javascript.com/" target="_blank">http://enable-javascript.com</a></p>
        </div>	
        </noscript>
        <div class="nofloat"></div>
    </div>
    <div class="c4">
        <div class="c3">
            <div class="btm"></div>
        </div>
    </div>
</td>
